<!--
 * @Author: lixb
 * @Date: 2020-08-24 15:36:05
 * @LastEditTime: 2020-08-26 17:34:58
 * @Descripttion: 钉钉/微信授权
-->
<template>
  <div class="app-container">
    <el-tabs v-model="activeName">
      <el-card class="box-card title-tips">
        <div class="title">
          温馨提示
        </div>
        <div class="text">
          <p>• 先要绑定钉钉，才能同步企业组织架构。</p>
          <p>
            •
            当您点击同步组织架构时，会把企业钉钉里面的部门和员工信息同步到本系统的员工管理和组织架构中。
          </p>
        </div>
      </el-card>
      <el-tab-pane label="钉钉授权" name="dd">
        <Dd></Dd>
      </el-tab-pane>
      <el-tab-pane label="企业微信授权" name="weiChat">
        <weChat></weChat>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import Dd from './dd/index.vue';
  import weChat from './weChat/index.vue';
  export default {
    components: { Dd, weChat },
    data() {
      return {
        activeName: 'dd',
      };
    },
    watch: {},
    methods: {},
  };
</script>

<style lang="scss" scoped>
  .title-tips {
    .title {
      font-size: 16px;
      font-weight: bold;
    }
    .text {
      color: #7f848b;
    }
  }
  /deep/ .el-tabs__nav-scroll {
    padding-left: 15px;
    background: white;
    border-radius: 10px 10px 0 0;
  }
</style>
